﻿
@{
    ViewBag.Title = "Tabs";
}

<h2>Tabs</h2>

<div role="tabpanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#edit" aria-controls="edit" role="tab" data-toggle="tab">Edition</a></li>
        <li role="presentation"><a href="#list" aria-controls="list" role="tab" data-toggle="tab">List</a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="edit">
            <form>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="email">Địa chỉ email</label>
                        <input type="email" class="form-control" id="email" placeholder="Enter email">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="password">Mật khẩu</label>
                        <input type="password" class="form-control" id="password" placeholder="Password">
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="email">Địa chỉ email</label>
                        <input type="email" class="form-control" id="email" placeholder="Enter email">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="password">Mật khẩu</label>
                        <input type="password" class="form-control" id="password" placeholder="Password">
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="email">Địa chỉ email</label>
                        <input type="email" class="form-control" id="email" placeholder="Enter email">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="password">Mật khẩu</label>
                        <input type="password" class="form-control" id="password" placeholder="Password">
                    </div>
                </div>
                <div>
                    <button type="submit" class="btn btn-primary">Đang nhập</button>
                    <button type="reset" class="btn btn-danger">Cancel</button>
                </div>

            </form>
        </div>
        <div role="tabpanel" class="tab-pane" id="list">
            <table class="table table-hover">
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Price</th>
                    <th>Quantity</th>
                    <th>Amount</th>
                </tr>
                <tr>
                    <td>1000</td>
                    <td>Nokia 2015</td>
                    <td>1000</td>
                    <td>6</td>
                    <td>6000</td>
                </tr>
                <tr>
                    <td>1000</td>
                    <td>Nokia 2015</td>
                    <td>1000</td>
                    <td>6</td>
                    <td>6000</td>
                </tr>
                <tr>
                    <td>1000</td>
                    <td>Nokia 2015</td>
                    <td>1000</td>
                    <td>6</td>
                    <td>6000</td>
                </tr>

            </table>
        </div>
    </div>
</div>